<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>thumb</title>

<link rel="stylesheet" href="../styles/uigg.css">

<script src="../js/jquery.min.js"></script>
<script src="../js/uigg.js"></script>
</head>

<body>

<style>
    .title {padding: 50px 0;}
</style>

<!----------------------------------------------------------------------------------------->

<section class="title">
    <em>~</em>
    <h3>title</h3>
    <em>~</em>
</section>

<!----------------------------------------------------------------------------------------->

<section class="title">
    <h3>title</h3>
    <span>subtitle</span>
</section>

<!----------------------------------------------------------------------------------------->

<section class="title-flex">
    <i class="ico ico-uigg"></i>
    <h3>title</h3>
</section>

<!----------------------------------------------------------------------------------------->

</body>
</html>